<nz-layout>
  
    <!-- 侧边导航栏 -->
    <nz-sider nzCollapsible [(nzCollapsed)]="isCollapsed" [nzTrigger]="triggerTemplate">
      <div class="logo"></div>
      <ul nz-menu [nzTheme]="'dark'" [nzMode]="'inline'" [nzInlineCollapsed]="isCollapsed">
          <li nz-submenu *ngFor="let menu of menus">
              <span title><i [ngClass]="styleMethod(menu.icon)"></i><span class="nav-text">{{menu.name}}</span></span>
              <ul *ngFor="let submenu of menu.submenus">
                <li nz-menu-item>
                  <a [routerLink]="[submenu.url]">{{submenu.name}}</a>
                </li>
              </ul>
            </li>
        <li nz-submenu>
          <span title><i class="anticon anticon-user"></i><span class="nav-text">User</span></span>
          <ul>
            <li nz-menu-item>
              <a [routerLink]="['/home/user']">用户列表</a>
            </li>
            <li nz-menu-item>
              <a [routerLink]="['/home/user/userInfo']">用户信息</a>
            </li>
            <li nz-menu-item>
              <a [routerLink]="['/home/equip']">设备</a>
            </li>
          </ul>
        </li>
        <li nz-submenu>
          <span title>
            <!-- <i class="anticon anticon-team"></i> -->
            <i class="anticon anticon-usergroup-add"></i>
            <span class="nav-text">Team</span>
          </span>
          <ul>
            <li nz-menu-item>Team 1</li>
            <li nz-menu-item>Team 2</li>
          </ul>
        </li>
        <li nz-menu-item><span><i class="anticon anticon-file"></i><span class="nav-text">File</span></span></li>
      </ul>
    </nz-sider>
  
    <!-- === 头部、内容、页脚 end === -->
    <nz-layout>
  
      <nz-header style="background: #fff; padding:0;">
        <i class="anticon trigger" [class.anticon-menu-fold]="!isCollapsed" [class.anticon-menu-unfold]="isCollapsed" (click)="isCollapsed=!isCollapsed"></i>
      </nz-header>
  
      <nz-content style="margin:0 16px;">
        <nz-breadcrumb style="margin:16px 0;">
          <!-- <nz-breadcrumb-item>User</nz-breadcrumb-item>
          <nz-breadcrumb-item>Bill</nz-breadcrumb-item> -->
        </nz-breadcrumb>
        <div style="padding:24px; background: #fff; min-height: 360px;">
        
        <h4>>主页面</h4>
        <router-outlet></router-outlet>
          
        <!-- <div style="text-align:center">
          <h1>
            Welcome to {{ title }}!
          </h1>
          <img width="300" alt="Angular Logo" src="">
        </div>
        <h2>Here are some links to help you start: </h2>
        <ul>
          <li>
            <h2><a target="_blank" rel="noopener" href="https://angular.io/tutorial">Tour of Heroes</a></h2>
          </li>
          <li>
            <h2><a target="_blank" rel="noopener" href="https://github.com/angular/angular-cli/wiki">CLI Documentation</a></h2>
          </li>
          <li>
            <h2><a target="_blank" rel="noopener" href="https://blog.angular.io/">Angular blog</a></h2>
          </li>
        </ul> -->
          
        </div>
      </nz-content>
  
      <nz-footer style="text-align: center;">Hotpot ©2018 Implement By Fury</nz-footer>
  
    </nz-layout>
  
  </nz-layout>
  
  <ng-template #trigger>
    <i class="anticon anticon-up"></i>
  </ng-template>